<template>
  <div class="title">
    <div class="border"></div>
    <slot></slot>
  </div>
</template>

<script>
  export default {
    name: "Title"
  }
</script>

<style scoped lang="scss">
  .title {
    display: flex;
    align-items: center;
    height: 36px;
    color: #ef8c95;
    font-weight: bold;
    font-size: 14px;

    .border {
      margin-right: 5px;
      width: 5px;
      height: 40%;
      background: #7ad6e3;
    }
  }
</style>
